<template>
  <a-card>
    <div class="header">
      <slot name="header"></slot>
    </div>
    <div class="content">
      <slot></slot>
    </div>
    <div class="footer">
      <slot name="footer"></slot>
    </div>
  </a-card>
</template>

<script lang="ts" setup></script>

<style lang="less" scoped>
.header {
  margin-bottom: 16px;
}
.footer {
  margin-top: 16px;
}
</style>
